{extend name="v1/layout/base"}
{block name="content"}
<div class="layuimini-main">

  <fieldset class="table-search-fieldset xk-search-status" id="xk-search-status">
    <legend>搜索信息</legend>
    <div style="margin: 10px 10px 10px 10px">
      <div class="layui-row layui-col-space15">
        <div class="layui-col-md6 xz_width">
          <form class="layui-form">
            <div class="layui-card-body layui-form layui-form-pane">
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">搜索关键词</label>
                  <div class="layui-input-block">
                    <input type="text" name="keywords" placeholder="会员号" id="keywords" class="layui-input">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">是否出账</label>
                  <div class="layui-input-block">
                    <input type="checkbox" class="layui-input" lay-skin="primary" name="is_finance" value="0" title="未出账">
                    <input type="checkbox" class="layui-input" lay-skin="primary" name="is_finance" value="1" title="已出账">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">类型</label>
                  <div class="layui-input-block">
                    <input type="checkbox" class="layui-input" lay-skin="primary" name="act" value="2" title="代理佣金">
                    <input type="checkbox" class="layui-input" lay-skin="primary" name="act" value="3" title="平级奖励">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">结算时间</label>
                  <div class="layui-input-block">
                    <input type="text" class="layui-input" autocomplete="off" id="create_time" placeholder="请选择对应的结算时间范围">
                  </div>
                </div>
              </div>
              <div class="layui-row layui-col-space10 layui-form-item">
                <div class="layui-col-lg12">
                  <label class="layui-form-label">出账时间</label>
                  <div class="layui-input-block">
                    <input type="text" class="layui-input" autocomplete="off" id="finance_time" placeholder="请选择对应的出账时间范围">
                  </div>
                </div>
              </div>
              <div class="layui-row">
                <div class="layui-col-xs4">&nbsp;</div>
                <div class="layui-col-xs4">
                  <button type="reset" class="layui-btn layui-btn-primary  xk-refresh"><i class="fa fa-refresh"></i>&nbsp;重置</button>
                  <button type="button" class="layui-btn layui-btn-normal xk-dosearch">搜索<i class="layui-icon"></i></button>
                  <button type="button" class="layui-btn layui-btn-primary close-search"><i class="layui-icon">&#x1007;</i>关闭</button>
                </div>
                <div class="layui-col-xs4">&nbsp;</div>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </fieldset>

  <script type="text/html" id="toolbar">
    <div class="layui-btn-container">
      <button class="layui-btn layui-btn-black  layui-btn-sm" lay-event="reseve"><i class="layui-icon">&#xe63d;</i></button>
      <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="export"><i class="layui-icon">&#xe67d;</i>导出筛选后的数据</button>
      <div class="money_all"></div>
    </div>
  </script>

  <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
  <script type="text/html" id="currentTableBar">
    <div class="layui-btn-group">
      <button class="layui-btn layui-btn-radius layui-btn-normal layui-btn-sm" lay-event="doAgentFinance">佣金明细
      </button>
    </div>
  </script>
</div>
{/block}
{block name="myScript"}
<script>
  layui.use(['form', 'table', 'laydate', 'miniTab'], function() {
    var $ = layui.jquery,
      form = layui.form,
      table = layui.table,
      miniTab = layui.miniTab;
    var laydate = layui.laydate;
    laydate.render({
      elem: '#create_time',
      range: '~',
      theme: '#1E9FFF',
      type: 'datetime',
    });
    laydate.render({
      elem: '#finance_time',
      range: '~',
      theme: '#1E9FFF',
      type: 'datetime',
    });
    table.render({
      elem: '#currentTableId',
      url: '/{:config("manage.manage_name")}/{:config("manage.version")}/Finance/agentAllList',
      toolbar: '#toolbar',
      defaultToolbar: ['filter', {
        title: '搜索',
        layEvent: 'search',
        icon: 'layui-icon-search'
      }],
      height: 'full-50',
      cols: [
        [{
            field: 'user_name',
            title: '会员昵称'
          },
          {
            field: 'user_sn',
            title: '会员号'
          },
          {
            field: 'all_back_money',
            title: '出账总金额'
          },
          {
            field: 'user_level',
            title: '代理等级'
          },
          {
            title: '操作',
            toolbar: '#currentTableBar',
            minWidth: '100',
            fixed: 'right',
            align: "center"
          }
        ]
      ],
      done: function(res, curr, count) {
        $(".money_all").html(res.resultData.show_count);
      },
      limits: [100, 150, 200, 250, 500, 1000],
      limit: 100,
      id: 'table_ids',
      page: true,
      skin: 'line'
    });
    // 顶部操作工具
    table.on('toolbar(currentTableFilter)', function(obj) {
      switch (obj.event) {
        case 'reseve':
          table.reload('table_ids');
          break;
          case 'export':
          var keywords = $("#keywords").val(),
              is_finance = '',
              is_finance_arr = [],
              act = '',
              act_arr = [],
              create_time = $("#create_time").val(),
              finance_time = $("#finance_time").val();
              $("input[name=is_finance]:checked").each(function() {
                is_finance_arr.push($(this).val());
              });
              is_finance = is_finance_arr.join(',');
              $("input[name=act]:checked").each(function() {
                act_arr.push($(this).val());
              });
              act = act_arr.join(',');
              url = "/{:config('manage.manage_name')}/{:config('manage.version')}/Finance/exportAgentAll";
              $("input[name=is_finance]:checked").each(function() {
                is_finance_arr.push($(this).val());
              });
              is_finance = is_finance_arr.join(',');
              $("input[name=act]:checked").each(function() {
                act_arr.push($(this).val());
              });
              act = act_arr.join(',');
            https(url, {
              keywords: keywords,
              create_time: create_time,
              is_finance: is_finance,
              act: act,
              finance_time: finance_time
            }, 'post', true, '正在到处代理佣金汇总').then(res => {
              if (res.result_code == 200) {
                var html = '<h1 style="padding: 0 20px;color:red;font-size:18px;margin-bottom:15px;">如果数据量大于1万条系统自动分表导出</h1>';
                res.resultData.forEach(function(value, index) {
                  html += '<h2 style="padding: 0 20px;font-size:16px;">第' + (index + 1) + '个订单文件：<a href="' + value + '">' + '下载' + '</a></h2>';
                })
                layer.open({
                  type: 1,
                  skin: 'layui-layer-rim', //加上边框
                  area: ['400px', '200px'], //宽高
                  content: html
                });
              }
            })
            break;
        case 'search':
          $("#xk-search-status").removeClass('xk-search-status');
          break;
      }
    })
    // 列表工具栏目
    table.on('tool(currentTableFilter)', function(obj) {
      var data = obj.data,
        event = obj.event;
      switch (event) {
        case 'doAgentFinance':
          var url = "/{:config('manage.manage_name')}/{:config('manage.version')}/Finance/agentMoneyLog/user_sn/"+data.user_sn;
          miniTab.openNewTabByIframe({
            href: url,
            title: "佣金明细",
          });
          break;
        default:

      }
    })
    // 执行搜索
    $(".xk-dosearch").click(function() {
      var keywords = $("#keywords").val(),
        is_finance = '',
        is_finance_arr = [],
        act = '',
        act_arr = [],
        create_time = $("#create_time").val(),
        finance_time = $("#finance_time").val();
      $("input[name=is_finance]:checked").each(function() {
        is_finance_arr.push($(this).val());
      });
      is_finance = is_finance_arr.join(',');
      $("input[name=act]:checked").each(function() {
        act_arr.push($(this).val());
      });
      act = act_arr.join(',');
      table.reload('table_ids', {
        page: {
          curr: 1
        },
        where: {
          keywords: keywords,
          create_time: create_time,
          is_finance: is_finance,
          act: act,
          finance_time: finance_time
        }
      }, 'data');
    })
    // 获取选中项
    function getCheckValue() {
      var id_arr = [],
        id_str = '';
      var checkStatus = table.checkStatus('table_ids'),
        data = checkStatus.data;
      data.map(function(d) {
        id_arr.push(d.back_money_id);
      })
      id_str = id_arr.join(',');
      return id_str;
    }
  });
</script>
{/block}
